<!-- 预约成功 succeeded -->
<template>
	<view>
		<view class="m-card u-m-t-20">
			<view class="u-flex u-flex-center">
				<view class="m-c-g u-font-32">
					<text>预约成功</text>
				</view>
			</view>
			<view class="u-flex u-flex-center u-m-t-30">
				<view class="">
					<u--image :src='src' width='92' height='92'></u--image>
				</view>
			</view>
			<view class="u-flex u-flex-center u-m-t-30">
				<view class="m-c-g u-font-32">
					<text>您的信息正在审核中...</text>
				</view>
			</view>
			<view class="u-flex u-flex-center u-m-t-30">
				<view class="c8 u-font-24 u-flex u-flex-wrap u-flex-center">
					<view>
						您的信心已提交，如预审核成功，
					</view>
					<view class="">
						内当家工作人员将尽在合适的时机联系您！
					</view>
				</view>
			</view>
			<view class="u-flex u-flex-center u-m-t-40">
				<view class="m-c-h1 u-font-24">
					<text>提交时间 : {{data[0]|| ''}}年{{data[1]||''}}月{{data[2]||''}}日 {{h||''}}:{{i||''}}</text>
				</view>
			</view>
			<view class="u-m-t-40">
				<view class="boxdi u-rela">
					<button type="default" open-type="share" class="btu_operation u-abso"></button>
					<text>分享给好友</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:[],
				h: null,
				i: null,
				id:null,
				name : null,
				img: '',
				src: 'https://neidangjia.oss-accelerate.aliyuncs.com/handhousing/img3_on.png'
			};
		},
		onLoad(e) {
			if(e.time){
				let time = e.time.split('-');
				this.data = time;
				this.h = e.h;
				this.i = e.i;
				this.id = e.id;
				this.name = e.name;
				this.img = e.img
			}
		},
		async onShareAppMessage(res) {
			if (!await this.getMobile()) {
				return;
			}
			if (res.from === 'button') {
				return {
					title: this.name,
					path: '/pages/handhousing/purchasedetails?share=share&agentid=' + this.userId + '&id=' + this.id,
					imageUrl: this.img
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.c8 {
		color: #888;
	}
	.boxdi{
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		border-radius: 10rpx;
		color: #fff;
		font-size: 32rpx;
		background-color: #0E5642;
	}
	
	.btu_operation{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
	}
</style>
